<!doctype html>

<html lang="en-US">
<head>
  <meta charset="UTF-8" />
  <title>Services | HTML5 Template Portfolio</title>
  <link href="../style.css" rel="stylesheet" type="text/css" />
  <!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <!--[if IE 6]>
  <script src="../js/belatedPNG.js"></script>
  <script>
    DD_belatedPNG.fix('*');
  </script>
  <![endif]-->
  <script src="../js/jquery-1.4.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/loopedslider.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript" charset="utf-8">
    $(function(){
      $('#slider').loopedSlider({
        autoStart: 6000,
        restart: 5000
      });

    });
  </script>
</head>

<body class="normalpage">
<section id="page">
  <div id="bodywrap">
    <section id="top">
      <nav>
        <h1 id="sitename">
          <a href="#">Portfolio | Premium CSS Template </a></h1>

        <ul id="sitenav">
          <li><a href="../index.html">Home</a></li>
          <li class="current"><a href="../services">Services</a></li>
          <li><a href="../about">About</a></li>
          <li><a href="../blog">Blog</a></li>
          <li><a href="../contact">Contact</a></li>

        </ul>

      </nav>
      <header id="normalheader"></header>
    </section>
    <section id="contentwrap">
      <div id="contents">
        <div id="topcolumns">
          <div class="col">
            <img src="../images/design.png" width="61" height="60" alt="graph" class="imgright">
            <h2>Web Design</h2>
            <p>Lorem ipsum dolor sit amet,
              consectetur adipiscing elit.
              Integer egestas purus bibendum
              neque aliquam ut posuere elit semper. Fusce sagittis pharetra eros, sit amet consequat sem mollis vitae. Maecenas imperdiet justo vel dolor eleifend id vulputate erat feugiat.  <a href="#">Read More</a></p>
          </div>
          <div class="col">
            <img src="../images/applications.png" width="61" height="60" alt="graph" class="imgright">
            <h2>图形图像处理技术在二维动画中的运用</h2>
            <p>动画是一种动态的图像，它可以将人的表情、动作、
              神态等表现出来，然后将这些图像变成一系列动态画面，
              给人一种不断变化的感觉。动画按可视化的方式划分为
              三维和二维两种。二维动画是对传统手工动画的一种革
              新，它是利用关键帧来计算中间帧，产生中间框，显示
              和定义动画的路径，并利用交互的方法来填充动画色彩，
              使动画具有层次和效果，从而达到动画的声画同步，并
              控制动作的进行 <a href="https://kns.cnki.net/kcms2/article/abstract?v=3uoqIhG8C44YLTlOAiTRKibYlV5Vjs7ioT0BO4yQ4m_mOgeS2ml3UG3cgXDd0ZgBfNXoyYo1527522_GB01X0rowczCm6pRb&uniplatform=NZKPT&src=copy">Read More</a></p>

          </div>
          <div class="col">
            <img src="../images/megaphone.png" width="61" height="60" alt="graph" class="imgright">
            <h2>人脸识别</h2>
            <p>目前来看，人脸识别技术经常应用在具有高清晰度的摄
              像头内部，通过对人脸的拍照与识别来获取准确的个人信息，
              之后再将信息传递到分析软件中。随着信息技术的快速发展，
              人脸识别技术获取的数据更加准确，在对个人身份进行验证
              时，主要是通过识别相关区域内的嘴、眼睛、耳朵与鼻子等信
              息，对数据进行上传与分析，以全面确认个人身份信息。 <a href="#">Read More</a></p>

          </div>
          <div class="clear"></div>

        </div>

        <section id="normalpage">

          <section id="left">

            <h2>Web Design</h2>
            <article>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nisl urna, aliquam vitae vehicula eu, vulputate nec risus. Suspendisse mollis, purus sed aliquam volutpat, ipsum elit euismod libero, ut lobortis orci risus nec sapien. In magna magna, dictum quis auctor vel, gravida a lorem. Mauris elit sapien, ultricies ac congue at, facilisis at metus. Maecenas imperdiet justo vel dolor eleifend id vulputate erat feugiat. Praesent pharetra, mi blandit venenatis congue, arcu mi pulvinar lectus</p>

              <h3>Heading Three</h3>
              <p>At rutrum nunc ante in orci. Integer quis odio a massa dignissim sollicitudin eget quis leo. Etiam a mi dolor, nec vestibulum erat. </p>
              <ul>
                <li>Aliquam eget elit nibh, at egestas massa. </li>
                <li>Ut pharetra consequat justo, non hendrerit quam tristique pharetra.</li>
                <li> Praesent est justo, congue commodo malesuada ac, fermentum ut odio. </li>
                <li>Pellentesque sit amet eleifend nibh.</li>
              </ul>

            </article>
            <h2>图形图像处理技术在二维动画中的运用</h2>
            <article>
              <p>随着计算机的发展和应用、图像处理技术的出现，
                图像的设计、显示、存储、修改都必须借助软件来完成。
                它包含了两个部分，3D 图像加工技术和平面制造技术。
                （1）将影像进行数字处理。通过软件将需要修改的图
                像图案转化为数字图像，方便电脑进行识别和处理，有
                效地提高了电脑对图像的处理精度。（2）增强和恢复影
                像。对常规的图像进行增强，可以有效地减少噪声和干扰，
                提高图像的清晰度。（3）几何转换。它可以使图像移动
                或转动，使图像的位置和方向发生变化。（4）颜色的选择。
                利用图像处理技术，可以改善图像的色彩设计，使之更接
                近现实。图像处理技术的主要功能是让图像处理更加形
                象、具体、清晰，而且图像处理速度快、效果好、精度高，
                因此在日常生活和工作中得到了广泛的应用。比如，在
                课堂上、会议上利用了多媒体、Photoshop 等图像处理软件，
                平面和网站的设计，都是通过图像处理技术来完成的。</p>

              <h3>在二维动画场景制作过程中的应用</h3>
              <p>在二维动画中，角色的绘制是由
                电脑 Flash 软件完成的。而当角色与其他角色之间存在一
                定联系时，则需要绘制出一幅完整的画面。在动画制作时，
                颜色要与整个动画风格协调一致，绘制时要有一种固定的感觉和颜色，要协调一致，否则就不能表现出动画画
                面的情感和主题。所以，在色彩搭配时应注重颜色的协调。</p>
              <ul>
                <li>绘制场景草图</li>为快速生成场景草
                图，需要在图形处理软件中对材料进行风化，从中抽取
                出有用的元素，方便后续的草图绘制，以节省制作时间。在描线时，要充分表现出景物的透视
                和景深，利用图形图像的刻度功能，方便对透视的描述，
                而且描线时要将线条封闭，方便后期的着色。
                <li>笔刷在二维动画设计中的使用</li>在场景渲染中，着色是场景的重要部分，利用线条
                草图进行着色，增加了场景的颜色。在实际工作中，平
                涂和渐变是很少见的，大多数电影都是采用现实主义或
                艺术手法来增强自己的视觉效果，因此在着色时要灵活
                运用笔刷。笔刷具有多样性，选择笔刷时可以采用软件
                本身自带的笔刷样式，也可以选用额外的笔刷模板，用
                以完成不同元素的动画元素创作，这样就可以画出具有
                不同风格的场景。
                <li>场景贴图</li>某些场景中，有些对象是不需要细致描绘的。比
                如，在既定的场景创建中，需要真实的木质房屋作为背景，
                房屋建筑只用一种颜色来画，就不能很好地达到对象的
                效果；如果画得太精细，就会导致对象与画面的风格差别
                很大。所以，设计师可以采用场景贴图来很好地解决以
                上问题。第一个步骤是使用木材表皮材质，在软件中有
                效地调节场景的风格和色彩；第二个步骤是使用自由转换
                工具，使贴图可以与对象相互叠加，如果条件允许，可
                以使用局部生成和精细的控制来实现有效地渲染。
                <li>透明效果和光线阴影处理</li>在动画场景中，有一些场景需要用到透明效果，这
                就需要对光影效果进行处理。在使用图形图像处理技术
                软件中，就可以直接从白色到透明的渐变，也可以通过
                增加图层蒙板来达到黑白渐变。光影的逼真效果可以通
                过后期制作软件来进行。在场景的渲染中增加光照，而
                在背景中，则可以将光影的图案设定为正片的底色，不过，
                这样的处理只能在不改变景物方向的情况下进行
              </ul>

            </article>


            </article>
          </section>
          <section id="sidebar">
            <h2>相关文献</h2>
            <article class="testimonials">
              <blockquote>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer egestas purus bibendum neque aliquam ut posuere elit semper. Fusce sagittis pharetra eros, sit amet consequat sem mollis vitae. </p>
                <a>John Doe, New York City</a>
              </blockquote>
              <blockquote>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer egestas purus bibendum neque aliquam ut posuere elit semper. Fusce sagittis pharetra eros, sit amet consequat sem mollis vitae. </p>
                <a>John Doe, New York City</a>
              </blockquote>

              <blockquote>
                <p>[3]刘艳菲,宋亚,王毅.图形图像处理技术在二维动画中的运用[J].鞋类工艺与设计,2022,2(18):70-72. </p>
                <a>https://kns.cnki.net/kcms2/article/abstract?v=3uoqIhG8C44YLTlOAiTRKibYlV5Vjs7ioT0BO4yQ4m_mOgeS2ml3UG3cgXDd0ZgBfNXoyYo1527522_GB01X0rowczCm6pRb&uniplatform=NZKPT&src=copy</a>
              </blockquote>

              <blockquote>
                <p>[4]陈丽如.二维动画采用图形图像处理技术的研究[J].软件,2022,43(08):144-146.</p>
                <a>https://kns.cnki.net/kcms2/article/abstract?v=3uoqIhG8C44YLTlOAiTRKibYlV5Vjs7iJTKGjg9uTdeTsOI_ra5_XcrDXsxCSFIqXKcAN0BOPvU6hOpT8u39DtjiroCIIlm5&uniplatform=NZKPT&src=copy</a>
              </blockquote>
            </article>
          </section>

          <div class="clear"></div>
        </section>
      </div>
    </section>
  </div>
  <footer id="pagefooter">
    <div id="bottom">
      <div class="block1">
        <h2>Meet The Team</h2>

        <div class="teamimg">


          <div class="imgthmb">
            <img src="../images/team5.jpg" width="65" height="65" alt="team"></div>
          <div class="imgthmb">
            <img src="../images/team1.jpg" width="65" height="65" alt="team"></div>
          <div class="imgthmb">
            <img src="../images/team2.jpg" width="65" height="65" alt="team"></div>
          <div class="imgthmb">
            <img src="../images/team4.jpg" width="65" height="65" alt="team"></div>
          <div class="imgthmb">
            <img src="../images/team2.jpg" width="65" height="65" alt="team"></div>
          <div class="imgthmb">
            <img src="../images/team1.jpg" width="65" height="65" alt="team"></div>
        </div>
      </div>
      <div class="block2">
        <h2>Latest Project</h2>
        <div class="projectthmb"> <a href="../portfolio"><img src="../images/latstproject.jpg" width="240" height="150" alt="project"></a></div>

      </div>
      <div class="block3">

        <h2>More About</h2>
        <p>PROFESSIONAL PORTFOLIO is a Template suitable for Businesses, Web Design Firms or any I.T related company that require a place to showcase their works.
          This template is released under Creative Commons Attribution License. </p>

      </div>
      <div class="clear"></div>
    </div>
    <div id="credits">
      <p>
<span class="copyright">
&copy; 2010 | Your Company Name |  All Rights Reserved | Professional Portfolio is a CSS Template relealsed collect from www.cssmoban.com</span>
        <span id="designcredit">

<!--Creative Common Non-Commercial, Attribution License
Designed by : Roshan Ravi
Author URI : cssheaven.org
Do Not Remove this Credits and Link back to CSSHeaven from the template-->
<a href="http://www.cssmoban.com/" title="网站模板" target="_blank">网站模板</a>
          <!--Design Credits--> collect from www.cssmoban.com </span>

      </p>
    </div>
  </footer>

</section>
</body>
</html>
